<script>
    //模版title
export let title = '';
import ALink from "./ui/ALink.svelte";
</script>

<section style="background-image:url(/images/banner_editors_picks.webp);">
    <h2>为您推荐的编辑精选</h2>
    <p>由 Chrome 编辑为您精心挑选</p>
    <ALink href="/">查看集合</ALink>
</section>
<style lang="less">
    section{
        width: 100%;
        background-size: cover;
        border-radius: var(--app-box-radius);
        padding: 52px;
    }
    h2{
        font-size: 26px;
        font-weight: 400;
        letter-spacing: 0;
        font-variation-settings: "opsz" 17;
        font-weight: 600;
        margin: initial;
        word-break: keep-all;
        z-index: 1;
        color: #4e6276;
    }
    p{
        margin: 20px 0;
    }
</style>

